<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蚂蚁</title>
    <!-- CSS动画 -->
    <link rel="stylesheet" href="./src/css/animate.css">

    <link rel="stylesheet" href="./src/css/social.css">

    <script type="module" src="./src/js/social.js"></script>
</head>

<body>
    <nav>
        <img class="logo"
            src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_logo.svg" alt="">

        <div class="nav_right">
            <ul>
                <li><a href="./index.html">主页</a></li>
                <li class="active"><a href="./social.html">社会招聘</a></li>
                <li><a href="">校园招聘</a></li>
                <li><a href="./life.html">走进蚂蚁</a></li>
                <li><a href="./login.html">个人中心</a></li>
            </ul>

            <div class="nav_btnGroup">
                <button>登录</button>
                <button>
                    <img src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_nav_EN.svg"
                        alt="">
                </button>
            </div>
        </div>
    </nav>

    <div class="fixed_box">
        <img class="mainImg" src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/social/original.png">

        <div class="fixed_ele">
            <img src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_videoTitle.png">

            <div class="search_box">
                <input type="text" placeholder="搜索你感兴趣的职位">
                <svg viewBox="64 64 896 896" focusable="false" data-icon="search" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg>
            </div>
            
            <button>
                查看全部职位
                <svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg>
            </button>
        </div>

        <img class="fixed_bottomArrow"
            src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_bottomArrow.svg"
            alt="">
    </div>

    <div class="container">
        <div class="wrap">
            <section class="questionArea"></section>

            <section class="reminder"></section>
        </div>

        <footer>
            <div class="footerBody">
                <div>
                    <h5>总部地址</h5>
                    <div class="textGroup">
                        <p>中国杭州市西湖区</p>
                        <p>西溪路569号蚂蚁A空间</p>
                    </div>
                </div>
                <div>
                    <h5>招聘咨询</h5>
                    <div class="textGroup">
                        <p>如需咨询招聘相关事宜</p>
                        <p>请拨打电话：0571-28280505</p>
                    </div>
                </div>
                <div>
                    <h5>关注我们</h5>
                    <div class="iconGroup">
                        <img
                            src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon1.svg">
                        <img
                            src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon2.svg">
                        <img
                            src="https://project-jiu-files-1308151379.cos.ap-guangzhou.myqcloud.com/project-mayi/mayi_footer_icon3.svg">
                    </div>
                </div>
            </div>
            <div class="footerLaw">
                <div>
                    <p>经营许可证编号：合字B2-20190048</p>
                </div>
                <div>
                    <div>ICP备案：浙B2-20100257-3</div>
                </div>
                <div>
                    <p>Copyright © 2023 蚂蚁科技集团股份有限公司</p>
                </div>
            </div>
        </footer>
    </div>


</body>

</html>